<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Jekas  - Software, Studio and Corporate Responsive Template</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

     <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">    

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles for IE -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/ie.css" type="text/css" media="screen" />
    <![endif]-->
   
  </head>
  <body> 
     <div class="container wraper">
        <!-- Header-->
        <header class="section_title">            
            <!-- nav_logo-->
            <div class="nav_logo animated fadeInDown delay1">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li>
                                    <a href="index.html">HOME</a>
                                    <ul>                                  
                                        <li><a href="index.html">Camera Slider</a></li>
                                        <li><a href="index_static.html">Static Header</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">ABOUT</a></li>
                                <li><a href="services.html">SERVICES</a></li>
                                <li>
                                    <a href="work.html">WORK</a>
                                    <ul>                                  
                                        <li><a href="work3.html">3 Columns</a></li>
                                        <li><a href="work.html">4 Columns</a></li>
                                        <li><a href="single_work.html">Single Work</a></li>
                                    </ul>
                                </li>
                                 <li>
                                    <a href="blog.html">BLOG</a>
                                    <ul>                                  
                                        <li><a href="blog.html">Post</a></li>
                                        <li><a href="single_post.html">Single Post</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="tables_princing.html">FEATURES</a>
                                    <ul>                                  
                                        <li><a href="tables_princing.html">Princing Tables</a></li>
                                        <li><a href="grid.html">Grind System</a></li>
                                        <li><a href="typograpy.html">Tipograpy</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="elements.html">Elements</a></li>
                                    </ul>
                                </li>                                                        
                                <li><a href="contact.html">CONTACT</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->

            <!-- Info section Title-->
            <div class="container">
                <div class="row-fluid animated fadeInUp delay1">
                    <div class="span5">
                        <h1>Single Work</h1>
                    </div>
                    <div class="span7">                        
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.</p>
                    </div>
                </div>
            </div>            
            <!-- End Info section Title--> 

        </header>
        <!-- End Header-->

        <!-- crumbs-->
        <div class="crumbs border_bottom">
            <div class="container">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li>/</li>
                    <li><a href="work.html">Work</a></li>
                    <li>/</li>
                    <li>Single Work</li>                                       
                </ul>
            </div>        
        </div>
        <!-- End crumbs-->

        <!-- End content info -->
        <section class="content_info">
            
            <!-- Info title-->
            <div class="row-fluid info_title animated fadeInUp delay2">
                <div class="vertical_line">
                    <div class="circle_top"></div>
                </div>
                <div class="info_vertical">
                    <h2>Characteristics and <span>description</span> of the work</h2>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>                    
                </div>
                <div class="vertical_line"></div>

                <i class="icon-html5 right"></i>                
            </div>
            <!-- End Info title-->
   

            <!-- Works-->
            <div class="info_resalt borders">                 
                <div class="container">

                    <div class="row-fluid">
                       <!-- Title-->
                       <div class="span4 padding_left">                            
                            <h3>Demo Title Project</h3>                            
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                            <ul>
                                <li>Web Marketing</li>
                                <li>Responsive Desing</li>
                                <li>Reta Display</li>
                                <li>HTML5</li>
                                <li>Css3</li>                       
                            </ul>
                            <div class="technologies">
                                <i class="icon-tablet"></i>
                                <i class="icon-desktop"></i>
                                <i class="icon-android"></i>
                                <i class="icon-windows"></i>
                            </div>
                            <a href="http://themeforest.net/?ref=imaginacionweb" target="blank" class="button">Launch Project</a>
                        </div>
                         <!-- End Title-->
                        
                        <div class="span8 padding_right">                           
                            <!-- Slide -->  
                            <section class="camera_wrap" id="slide_work">
                                <div  data-src="img/slide/slides/3.jpg"></div>
                                <div  data-src="img/slide/slides/4.jpg"></div>
                                <div  data-src="img/slide/slides/5.jpg"></div>             
                            </section>
                            <!-- End Slide -->                            
                        </div>                        
                    </div>

                </div>           
            </div>
            <!-- End Works-->

            
             <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">                    
                    <h1>Recent <span>Works</span></h1>
                </div>
                <div class="vertical_line"></div>   
                <i class="icon-css3 left"></i>             
            </div>
            <!-- End Info title-->
            

            <!-- Info Resalt-->
            <div class="info_resalt border_top">
                <div class="container">
                    <div class="row-fluid">
                        <!-- flexslider-->
                         <div class="flexslider" id="gallery">                            
                            <ul class="slides gallery">
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/1.jpg" alt="Image"/>                               
                                        <a href="img/gallery/1.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Studio - Landing Page
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>   
                                            
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/2.jpg" alt="Image"/>                               
                                        <a href="img/gallery/2.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Vinilo - HTML Template
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/3.jpg" alt="Image"/>                               
                                        <a href="img/gallery/3.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Mega Host - Responsive template
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>  
                                  
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/4.jpg" alt="Image"/>                               
                                        <a href="img/gallery/4.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        My Cv - Responsive Resume / CV
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                      
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/5.jpg" alt="Image"/>                               
                                        <a href="img/gallery/5.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Political - Landing Page
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>

                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/6.jpg" alt="Image"/>                               
                                        <a href="img/gallery/6.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Classic Restaurant - Css3/Html5
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                           
                            </ul>                            
                        </div>
                        <!--End flexsilider-->                      
                    </div>
                </div>
            </div>
            <!-- End Info Resalt-->

        </section>
        <!-- End content info-->

        <!-- footer-->
        <footer>
            <div class="container">
                <div class="row-fluid">
                    
                    <!-- Follow Us-->
                    <div class="span2">
                        <h3>FOLLOW US</h3>
                        <ul class="social">
                            <li class="facebook"><span><i class="icon-facebook"></i></span><a href="#">Facebook</a></li>
                            <li class="twitter"><span><i class="icon-twitter"></i></span><a href="#">Twitter</a></li>
                            <li class="github"><span><i class="icon-github"></i></span><a href="#">Github</a></li>
                            <li class="linkedin"><span><i class="icon-linkedin"></i></span><a href="#">Linkedin</a></li>
                        </ul>
                    </div>
                    <!-- End Follow Us-->
                    
                    <!-- Recent links-->
                    <div class="span2">
                        <h3>RECENT LINKS</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- End Recent links-->

                    <!-- End Company-->
                    <div class="span2">
                        <h3>COMPANY</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Company-->

                    <!-- Newsletter-->
                    <div class="span3">
                         <h3>NEWSLETTER SIGN UP</h3>  
                         <form>                    
                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-align-left"></i></span>                      
                                    <input type="text" required="" placeholder="Your Name">
                              </div>

                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>                      
                                    <input type="email" required="" placeholder="Your Email">
                              </div>                    
                              
                              <input type="submit" value="Send" class="button">
                          </form>                      
                    </div>
                    <!-- end Newsletter-->

                    <!-- Contact Us-->
                    <div class="span3">
                       <h3>CONTACT US</h3>
                       <ul class="contact_footer">
                            <li>
                                <i class="icon-envelope"></i> <a href="#">example@example.com</a>
                            </li>
                            <li>
                                <i class="icon-headphones"></i> <a href="#">55-5698-4589</a>
                             </li>
                            <li class="location">
                                <i class="icon-home"></i> <a href="#"> Av new stret - New York</a>
                            </li>                                   
                        </ul>
                    </div>
                    <!-- Contact Us-->

                </div>
            </div>
        </footer>      
        <!-- End footer-->

        <!-- footer-->
        <footer class="coopring">
            <p>&copy; 2013 Jekas. All Rights Reserved.</p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>   
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script>    
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Scrollama--> 
        <script type="text/javascript" src="js/scrollama/TweenMax.min.js"></script>
        <script type="text/javascript" src="js/scrollama/jquery.superscrollorama.js"></script>    
        <!--Gallery Grid--> 
        <script type="text/javascript" src="js/gallery/modernizr.custom.26633.js"></script>
        <script type="text/javascript" src="js/gallery/jquery.gridrotator.js"></script>     
        <!--Minislider Team-->         
        <script type="text/javascript" src="js/team/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="js/team/jquery.catslider.js"></script> 
        <!--Filters-->
        <script type="text/javascript" src="js/filters/filters.js" ></script>                            
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
        <!-- ======================= End JQuery libs =========================== -->

        <script type="text/javascript">
            //================================== Slide Work =============================//
            $('#slide_work').camera({
                 height: '53%'
            });
        </script>


  </body>
</html>